import React from 'react'
import { View, Image, Text } from '@tarojs/components'
import Images from '@ASSET/Images'
import styles from './SurveyDetailHeader.module.scss'

const SurveyDetailHeader = ({ title }) => (
  <View className={styles.container}>
    <Image className={styles.bgHeaderImage} src={Images.survey.bg_survey_header} mode="widthFix" />
    <View className={styles.titleContainer}>
      <Text className={styles.title}>{title}</Text>
    </View>
  </View>
)

export default SurveyDetailHeader

